<template>
  <div class="pages-content-scroll">
    <el-backtop
      target=".pages-content-scroll"
      :visibility-height="visibleHeight"
      :right="rightPos"
      :bottom="bottomPos"
    />
    <slot />
  </div>
</template>
<script>
export default {
  name: 'Backtop',
  data() {
    return {
      visibleHeight: 200,
      rightPos: 50,
      bottomPos: 50
    }
  }
}
</script>
<style scoped>
.pages-content-scroll{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
}
.el-backtop{
  border: 1px solid #1890ff;
}
</style>
